<template>
	<view class="teamuser">
		<u-navbar title="历史报价" bgColor="#fff" :autoBack="true">
		</u-navbar>
		<scroll-view class="shopUl" :class="classifyIndex==-1?'uiheight':'uiheightTwo'" scroll-y="true" lower-threshold="50"
			@scrolltolower="classifyLower">
			<view class="historyBox" v-for="(item,index) in historyList" :key="index" @click="teamUserClick(item)">
				<!-- 	<view class="rightTop" >
					查看详情
				</view> -->
				<view class="itemTitle flex_heng">
					<view class="title">
						项目名称
					</view>
					<view class="itemState">
						已查看
					</view>
				</view>
				<u-line margin="28rpx 0"></u-line>
				<view class="customerItembox flex_shu">
					<view class="inputBox flex_heng">
						<view class="formItemLeft">
							报价编号:
						</view>
						<view class="formItemRight">
							9292416117061305
						</view>
					</view>
					<view class="inputBox flex_heng">
						<view class="formItemLeft">
							客户名称:
						</view>
						<view class="formItemRight">
							吕子辰
						</view>
					</view>
					<view class="inputBox flex_heng">
						<view class="formItemLeft">
							报价人:
						</view>
						<view class="formItemRight">
							吕子辰
						</view>
					</view>
				</view>
				<u-line margin="28rpx 0"></u-line>
				<view class="itemBtm flex_heng">
					<view class="itemTime">
						2021 / 11 / 03 13:35
					</view>
					<view class="rightTop">
						查看详情
					</view>
				</view>
			</view>
		</scroll-view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				imgUrl: this.$imgUrl,
				historyList: [{
						status: 1,
						time: '2042/07/01 00:23',
						name: '客户姓名',
						phone: '15929238080',
						type: 1,
						id: '1'
					},
					{
						status: 2,
						time: '2042/07/01 00:23',
						name: '客户姓名',
						phone: '15929238080',
						type: 2
					}, {
						status: 2,
						time: '2042/07/01 00:23',
						name: '客户姓名',
						phone: '15929238080',
						type: 3
					}, {
						status: 2,
						time: '2042/07/01 00:23',
						name: '客户姓名',
						phone: '15929238080',
						type: 1
					}, {
						status: 3,
						time: '2042/07/01 00:23',
						name: '客户姓名',
						phone: '15929238080',
						type: 1
					},
				],
			};
		},
		onLoad(options) {},
		onShow() {},
		methods: {
			//客户点击
			teamUserClick(item) {
				uni.navigateTo({
					url: `/pages/package/teamUserInfo/teamUserInfo?teamUserId=${item.id}`
				})
			},
			//分类列表到底
			classifyLower() {
				console.log('分类列表到底')
			},
		},
	}
</script>

<style lang="scss">
	.teamuser {
		min-height: 100vh;
		padding: 200rpx 28rpx 0;
		box-sizing: border-box;
		background-color: #F6F6F6;

		.shopUl {
			width: 100%;

			.historyBox {
				margin-top: 28rpx;
				width: 100%;
				height: 484rpx;
				border-radius: 16rpx;
				opacity: 1;
				background: #ffffff;
				padding: 28rpx;
				box-sizing: border-box;
				position: relative;

				.itemTitle {
					width: 100%;
					font-family: "Alibaba PuHuiTi 2.0";

					.title {
						color: #000000;
						font-size: 32rpx;
						font-weight: 600;
					}

					.itemState {
						color: #ff8f1f;
						font-size: 24rpx;
						font-weight: 500;
					}
				}

				.itemBtm {
					.itemTime {
						color: #333;
						font-size: 28rpx;
						font-weight: 400;
					}

					.rightTop {
						width: 168rpx;
						height: 56rpx;
						line-height: 56rpx;
						border-radius: 16rpx;
						opacity: 1;
						background: linear-gradient(-49.9deg, #00bf39 0%, #34dfa3 100%);
						color: #ffffff;
						text-align: center;
						font-size: 28rpx;
						font-weight: 500;
					}
				}


				.customerItembox {
					width: 100%;
					opacity: 1;
					height: 230rpx;
					align-items: flex-start;

					.inputBox {
						width: 100%;
						// height: 90rpx;
						justify-content: flex-start;

						.formItemLeft {
							color: #333;
							font-size: 28rpx;
							font-weight: 400;
							width: 130rpx;
						}

						.formItemRight {
							color: #666666;
							font-size: 28rpx;
							font-weight: 400;
						}

					}

				}

			}
		}
	}
</style>